@import "./transition";
@import "./element.scss";

html {
  --theme: #4673e9; //主题色
  --theme-color: #fff; //背景色
  --theme-black: #4673e9; //标题字体
  --theme-border: rgba(221, 221, 221, 0.4); //边框色
  --theme-link: #5a9cff; //链接色
  --theme-border-grey: #dddddd; //筛选边框
  --theme-grey: #f3f5f7; //主题灰
  --theme-font: #333333; //主题字体色
  --theme-bg-grey: #fafafa; //背景灰
  --theme-red: #e95858; //背景灰
  --theme-status-on: #3adda2;
  --el-color-primary: var(--theme) !important; //element主题色
  --theme-purple: #7B6CDA;
}


/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;
}

.svg-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

* {
  &::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
    /* 滚动条宽度 */
  }

  &::-webkit-scrollbar-thumb {
    background: var(--theme);
    /* 滚动条thumb颜色 */
    border-radius: 2px;
  }

  & ::-webkit-scrollbar-track {
    background-color: #fafafa;
    border-radius: 2px;
    /* 滚动条track颜色 */
  }

  /* 水平滚动条 */
  &::-webkit-scrollbar:horizontal {
    height: 4px;
    border-radius: 2px;
    /* 滚动条高度 */
  }

  &::-webkit-scrollbar-thumb:horizontal {
    background: var(--theme);
    border-radius: 2px;
    /* 滚动条thumb颜色 */
  }

  &::-webkit-scrollbar-track:horizontal {
    background-color: #fafafa;
    border-radius: 2px;
    /* 滚动条track颜色 */
  }
}
